<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/favicon.ico"/>
    <title>后台管理</title>
    <%
    include("/common/static.html"){}
    %>
    <script type="text/javascript" src="/js/editor/HandyEditor.min.js"></script>
    <script type="text/javascript" src="/admin/js/common.js"></script>
    <script type="text/javascript" src="/admin/js/article.js"></script>
    <link rel="stylesheet" href="/admin/common/css/common.css"/>
    <link rel="stylesheet" href="/admin/css/common.css"/>
    <link rel="stylesheet" href="/admin/css/modify.css"/>
</head>
<body>
<%
include("/admin/common/menu.html"){}
%>
<div class="panel">
    <div class="panel_con">
        <div class="security">
            <div class="widget">
                <div class="widget_top clear">
                    <a href="/admin/article">文章列表</a>
                    <span class="title_right">></span>
                    <span class="top_left">修改文章</span>
                </div>
                <div class="add_div ">
                    <div class="row">
                        <div class="col-md-7 publish_left">
                            <div class="publish_li">
                                <label for="">文章标题：</label>
                                <input type="text" id="article_id" value="${article.id}" hidden="hidden"/>
                                <!--<input type="text" id="clickRate" value="${article.clickRate}" hidden="hidden"/>-->
                                <input type="text" id="article_title" value="${article.title}" placeholder="请输入文章标题"/>
                            </div>
                            <div class="publish_li">
                                <label for="">文章类型：</label>
                                <select name="" class="add_btn" id="article_type">
                                    <option value="1" >技术分享</option>
                                    <option value="2" >生活点滴</option>
                                    <option value="3" >更新公告</option>
                                </select>
                            </div>
                            <div class="publish_li">
                                <label for="">是否原创：</label>
                                <select name="" class="add_orp" id="article_isOriginal">
                                    <option value="原创" id="1">原创</option>
                                    <option value="转载" id="2">转载</option>
                                </select>
                            </div>
                            <div class="publish_li">
                                <label for="">文章摘要：</label>
                                <input type="text" id="article_introduction" value="${article.synopsis}" placeholder="请输入文章摘要"/>
                            </div>
                            <div class="publish_li">
                                <label for="">其它设置：</label>
                                <input type="button" class="btn_wl" id="" value="选择文章封面"/>
                                <input type="button" class="btn_music" id="" value="选择背景音乐"/>
                            </div>
                        </div>
                        <div class="col-md-5 publish_right">
                            <div class="publish_data">
                                <label>文章封面</label>
                            </div>
                            <div class="publish_data">
                                <img src="${article.cover}" class="data_img"/>
                            </div>
                            <div class="publish_data">
                                <label>背景音乐</label>
                            </div>
                            <div class="publish_data">
                                <span id="music_id" hidden="hidden"></span>
                                音乐名称：<span id="music_name">暂无数据</span>
                            </div>
                            <div class="publish_data">
                                演唱者：<span id="music_author">暂无数据</span>
                            </div>
                            <div class="publish_data">
                                外链地址：<span id="music_url">暂无数据</span>
                            </div>
                        </div>

                    </div>

                    <div>
                        <textarea id="editor" rows="5" ><span  class="editor" >${article.content}</span></textarea>
                    </div>

                    <div class="dvi_btn" style="margin-top: 20px">
                        <input type="button" id="submit" value="发布文章"/>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!--新上传和显示已上传的封面-->
<div class="wl_list">
    <div class="wl_top clear">
        <div class="wl_file clear">
            <input type="file" name="file" id="file_img" value=""/>
            <input type="button" name="" id="add_img" value="提交"/>
            <input type="button" name="" id="del_img" value="刷新"/>
        </div>
        <div class="wl_remove">
            <a role="button" class="wl_btn">
	                    <span class="glyphicon glyphicon-remove">
							关闭
						</span>
            </a>
        </div>
    </div>
    <div class="wl_ul">
        <ul class="ul_img clear">
            <img src="/admin/img/title.jpg" id="img_1"/>
        </ul>
    </div>
</div>
<!--音乐列表-->
<div class="audio">
    <div class="audio_top">
        <a role="button" class="audio_btn">
            <span class="glyphicon glyphicon-remove"></span>
        </a>
    </div>
    <audio id="myaudio" controls="controls" loop="false" hidden="true"></audio>
    <div class="audio_list">
        <table>
            <thead>
            <tr>
                <td>歌曲名</td>
                <td>演唱者</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody class="audio_ul" id="music_list">

            </tbody>
        </table>
    </div>
</div>
<script type="text/javascript" src="/admin/js/modify.js"></script>

</body>
</html>
